<template>
  <div>这是登陆组件</div>
</template>

<script>
export default {
  //组件中的data必须是function
  data() {
    return {
      aaa: 666
    };
  },
  methods: {
    show() {
      console.log("调用了组件中的方法");
    }
  }
};
</script>

<style scoped lang="scss">
/* 
只要style标签定义在组件中 都会局限自己使用

1、设置的样式 显示为了全局样式 加scoped局限为自己 
2、普通的style标签只支持普通的样式，如果想要启用scss 和 less，需要为style元素 设置lang属性

*/
body {
  div {
    color: red;
    font-size: 20px;
  }
}
</style>